/*--------------------------------------------
* Stylesheet for American Towns Screen Styles
*
* The stylesheet is divided into sections:
* 
* 1. Positioning
* 2. Typography
* 3. Layout Styles
* 
*/

/** =POSITIONING **/

/* NOTE: most positioning done by styles/style_grid.css file */

	div.container {
		width: 1015px;
		margin: 0 auto;
		}

/* Header */

	#header {
		width: 1035px;
		margin: 0 auto;
		}
	
		
	#logo {
		position: absolute;
		left: 0;
		bottom: 0;
		}
	
	#top_nav {
	  z-index: 999;
		position: absolute;
		right: 0;
		}
		
	#page_title { /* clears the page title to the right of the logo */
		margin: 0px 0px 0px 190px;
		padding: 10px 0 0 0;
		}
		#page_title h1 {
			margin: 8px 0px 0px 0px;
			}
	#top_search {
	  z-index: 1;
		position: absolute;
		right: 10px;
		bottom: 13%;
		}
	#announcement_area {	
		clear: both;
		}

/* Body */ 

	.container_wrap {
		width: 1035px;
		margin: 0 auto;
}
/* Footer */
	#footer {
		width: 1035px; background-color:#FFFFFF;
		margin: 0 auto;
		padding-bottom: 50px;
		}
	#footer_inner {
		background-color:#FFFFFF;
		margin: 0px auto;
		padding: 0px 10px;
		}
	.footer_col1, .footer_col2, .footer_col3, .footer_col4 {
		float: left; display: inline;
		margin-right: 15px;
		}
	.footer_col1, .footer_col2 {
		width: 245px;
		}
	.footer_col3 {
		width: 200px;
		}
	.footer_col4 {
		width: 270px;
		}

/** =TYPOGRAPHY **/

/* sets the default font and font color */
body {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #393939;
	line-height: 19px;
}
/* defines the Page Title Town Name Style */
h1 { 
	font-weight: 200;
	color: #000;
	font-size: 24px;
	}
	 /* defines the Page Title State Name Style */
	h1 span.page_title_state {
		font-size: 39.6%;
		}
h2 { /* h2's define all the module titles (i.e. "Events Calendar", "Latest Photos", etc. */
	font-size: 138.5%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0px;
	margin-bottom: 8px;
	}
	h2 a, h2 a:visited {
		color: inherit;
	}	
h3 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 6px;
	margin-bottom: 8px;
	font-size: 116%;
}

h4 { /* h4's define all the news item titles (i.e. titles of calendar events) */
	font-size: 116%;
	color: #B93B3D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	margin-bottom: 4px;
}

cite {
	font-size: 77%;
	font-weight: bold;
}


/** =LAYOUT STYLES **/

/* ---------- Global */
body {
	background: #F6F6F6;
	margin-top: 0px;
	}

.right {
	float: right; display:inline;
}

.left {
	float: left; display:inline;
}

.upper_right {
	position: absolute;
	top: 8px;
	right: 12px;
}
.bottom_right {
	position: absolute;
	bottom: 10px;
	right: 12px;
}



/* Default Link Style */
a, a:visited {
	color: #AE3F42;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}

	/* To create underlined links, add this class */
	a.underline { 	text-decoration: underline;
	}
	
	/* Links in the Upper Header */
	#header_top a, #header_top a:visited {
		color: #fff;
		}

/* Button Link Style */

.button_link {
	float: left;
	margin-bottom: 0px;
	}
.button_link p {
	padding: 0;
	margin: 0;
	float: left;
	background: url('/templates/amtowns3/images/btn_right_bg.jpg') no-repeat right top;
	}
.button_link a {
	display: block;
	background: url('/templates/amtowns3/images/btn_left_bg.jpg') no-repeat left top;
	padding: 3px 10px;
	font-size: 93%;
	color: #fff;
	}
	.button_link.block {
		width: 100%;
}

.button_link a:visited {
  color: #fff;
}

ul { 
	margin: 0px;
	}
ul li { /* lists default to no bullets */
	list-style: none;
	}

ul.bullets li { /* to add bullets to a list, use the .bullets class in the ul tag */
	list-style: disc;
	list-style-position: inside;
	}

/* Text Box */

input.text {
	border: 1px solid #ccc;
	padding: 5px;
	vertical-align: top;
	margin-right: 10px;
	}


/* ------------- Header */
	
	#header {
		background: #57A6E3 ;
		font-size: 93%; 
		}
	#header ul li {
		float: left;
		}
	
	#header_top {
		background: #57A6E3 url('/templates/amtowns3/images/header_shadow_bg.jpg') repeat-x bottom;
		}
	#header_top_inner {
			width: 1015px;
			margin: 0 auto;
			position: relative;
			height: 100px;
			}
			
	/* Top navigation */
	#top_nav {
	  top:10px;
		margin-right: 10px;
		}
	#top_nav li {
		margin-left: 10px;
		height: 17px;
		}
		#top_nav span.divider {
			color: #fff;
			}		
	/* Top Search */
	
	#top_search input.text {
		width: 230px;
		}
	#top_search form {margin:0px; display:inline}
	#top_search form div {padding:3px}
	#top_search label {padding:0px 3px}
	#top_search .submit_btn_sm {margin-top:2px}
		
	/* Main Navigation */
	#main_nav {
		height: 28px;
		background: #F6F2C0;
		font-weight: bold;
		text-align: center;
		}
		#main_nav_inner {
			width: 1015px;
			margin: 0 auto;
			}
		#main_nav ul {
			margin-left: 60px;
			line-height: 28px;
			}
		#main_nav ul li {
			margin-right: 30px;
			}
	
	/* Announcement Area */
	
	#announcement_area {
	  width:1035px;
		height: 120px;
		background: url('/images/cork_taller.png') no-repeat;
		}
		#announcement_area_inner { /* locates the white announcemnet strip in the vertical center */
		  background-color:transparent;
  	  position: relative;
			width: 1035px;
			margin: 0px auto;
			padding: 0px;
			}
		#announcement_area_content_left { /* adds the white background and pushpins to the announcement area */
		  background-color:transparent;
		  position: absolute;
		  left:12px;
		  top:22px;
			height: 52px;
			width: 740px;
			margin: 0px;
			text-align: center;
			vertical-align: middle;
			}
			#announcement_area_content_left span {
				margin: 0 45px;
		}
		#announcement_area_content_right { /* adds the white background to the announcement area */
		  background-color:transparent;
		  position: absolute;
		  top:22px;
		  left:775px;
			height: 52px;
			width: 246px;
			margin: 0px;
			}
		#announcement_area_content_right .sponsored_by {
			font-size: 80%; 
			margin-top:2px;
      text-align: center; 

	  }
	  

	  #page_sponsor_box {
	    position: absolute;
	    padding:0px;
	    width:246px;
	    line-height: 17px;
	  }
	  
	  #page_sponsor_box .sponsor_text {
      text-align: center; 
	  }
	  
	  #page_sponsor_box .add_sponsor_text {
	    font-size: 10px;
	    text-align: right;
	    margin-right: 5px;
	  }
	  
	  .add_sponsor_text a {
	    text-decoration: underline;
	  }

	#cobrand_cork {
		height: 25px;
		background: url('/templates/amtowns3/images/background_cork.jpg') repeat-x;
		}
			
			

			

/* ---------------- Body */
	#body {
		margin-top: -30px;
		}
		
	.module {
		border: 1px solid #CCCCCC;
		background: #fff;
		padding: 10px 12px;
		display: block;
		width: auto;
		margin-bottom: 15px;
		position: relative;
		}
		.module:after { /* a self-clear float so that the floated supplement links (see below) are contained in the module div */
			content: "."; 
		    display: block; 
		    height: 0; 
		    clear: both; 
		    visibility: hidden;
			}
	.pushpin {
			background: #fff url('/templates/amtowns3/images/push_pin.gif') no-repeat center top;
		}
	
	/* News Items */ 
	.news_item { /* each item with a red title is a news item */
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 10px;
		}
		.news_item .event_info span {
			font-weight: bold;
			}
		.news_item .event_info a, .news_item cite a {
			color: inherit;
			}
		
	.news_photo {
		margin: 10px 0 0 10px;
		}
		
	.spiral_notebook { /* controls the spiral notebook design detail */
		background: url('/templates/amtowns3/images/spiral_bg.gif') no-repeat  top;
		padding-top: 24px;
		position: relative;
		top: -10px;
		}
		.spiral_notebook #events_calendar.module {
			border-top: none;
			}
			
	.buy_tickets {
		font-weight: bold;
		}
	.buy_tickets img {
		vertical-align: middle;
		margin-right: 5px;
		}
		
	/* Supplement Links -the links at the bottom of modules (i.e. 'See All Events') */
	.supplement_links { 
		border-top: 1px solid #ccc;
		padding-top: 10px;
		margin-top: 10px;
		font-weight: bold;
		width:100%;
		overflow:hidden;
		clear: both;
		}
		.supplement_links ul {
			float:right; padding-left:15px
			}
		.supplement_links a {
			text-decoration: underline;
			}
		.see_all_link {
			list-style-image: url('/templates/amtowns3/images/icon_see_all_link.gif');
			}
		.add_link {
			list-style-image: url('/templates/amtowns3/images/icon_add_link.gif');
			}
		.submit_link {
			list-style-image: url('/templates/amtowns3/images/icon_submit_link.gif');
			}
	.show_more_link {
		list-style-image: url('/templates/amtowns3/images/icon_show_more_link.gif');	
		}
	#photos_supplement_links {border:0px; margin-top:0px}
	
	/* Icons for Modules */
	div.text_with_icon {
		float: left;
		width: 100%;
		}
	div.icon_pulled_out {
		width: 50px;
		}
	.left_col div.text_pulled_out, .right_col div.text_pulled_out {
		width: 75%;
		}
	.main_col div.text_pulled_out {
		width: 88%;
		}
		
	/* Newsletter Module - has some idiosyncracies */
	
	.newsletter_signup h2 {
		margin-top: 0px;
		}
	.newsletter_signup h3 {
		margin-bottom: 0px;
		}
	.newsletter_signup form {
		margin-top: 10px;
		}
	.newsletter_signup input.text {
		width: 50%;
		}
	
	/* Photo Module */
	#latest_photos_thumbs {
		margin: 15px 0 0 0; text-align:justify
		}
		#latest_photos_thumbs img {
			margin-right: 3px; border:1px solid #DDDDDD;
			}
		#latest_photos_thumbs img.last {
			margin-right: 0px;
			}
		
	/* Tweet Module */
	.tweet {clear:both; overflow:auto; margin:0.2em 0em 0.5em; border-bottom: 1px solid #ccc; padding:2px 0px}		
	.tweet_avatar {float:left; margin:0px; display:inline}
	.tweet div.indent {margin-left: 60px}
	.tweet cite {display: block;}
	
	/* Resource Guide Module */
	#resource_guide {
		background: #F6F2C0 url('/templates/amtowns3/images/peeled_corner_bg.jpg') no-repeat right top;
		border: none;
		}
	.local_resource {
		border-bottom:  1px solid #A5A575;
		padding-bottom: 10px;
		margin-bottom: 10px;
		float: left;
		width: 100%;
		}
		#resource_guide .supplement_links { /* clears out border-top for supplemental links in the resource guide (as it has a different background color */
			border-top: none;
			padding-top: 0px;
			}
	
	/* Restaurant Module */
	
	div.module ul {
		clear: both;
		}
	

/* ---------------- Footer */

#footer {
	background-color: #fff;
	border-top: 10px solid#ECECEC;
	padding-top: 30px;
	}		

#disclaimer {
	margin: 10px 0px 0px 0px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
	font-size: 77%;
	color: #9494A6;
	}


/* ---------------- Cascaded Styles
* styles that need to over-ride all others when applied
*
*/
.last {
	margin-right: 0px;
	}
.no_background {
	background: none;
}
.no_border {
	border: none;
}

/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

#site_citation {margin-top:5px}

.popup {
	border: 1px solid #CCCCCC;
	background: #fff;
	padding: 5px 10px;
	display: block;
	width: auto;
}
.popup a, .popup a:visited {
	color: #AE3F42;
	background: white;
	text-decoration: none;
	display: inline;
	padding: 0px;
}
.popup p {
	float:none; background:white; padding:5px 0px
}

.map_container {
  width:700px; 
  height:300px; 
  position:relative;
}
.map_canvas {
  width:400px; 
  height:400px; 
  float:left
}
.map_listing {
  width:275px; 
  height:400px; 
  border: 1px solid black; 
  float:right; 
  overflow:auto;
}

.map_item_normal {
  border: 1px solid black;  
  background: white;
}

.map_item_highlight {
  border: 1px solid black;  
  background: yellow;
}

.informa_table {
  border: 1px solid black
}

.informa_header {
  background-color: #64C87D;
  border: 1px solid black;
}

.informa_row {
  background-color: white;
}

.informa_alternate_row {
  background-color: #B0C0C0;
}

#informa_search_popup {
  display: none;
  z-index: 99;
  border: 1px solid black;
  width: 500px;
  height :400px;
  overflow: auto;
  position: absolute;
  top: 25px;
  left: 25px;
}

#informa_search_result {
  width: 100%;
}

.informa_result_set_xxx {
  font-size: 10pt;
  border: 1px solid black;
  width: 100%;
  right:0px;
}

.informa_result_set {
  border-left:1px solid #ccc;
  border-top:none;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}


.informa_result_table {
  line-height: normal;
  width: 100%;
  border: none;
  background-color: white;
}

.informa_result_table tr td {
  padding: none;
  line-height: normal;
}

.informa_result_table_hover {
  line-height: normal;
  width: 100%;
  background-color:#ffc;
  border-bottom:1px solid #ccc; 
  width: 100%;
}


.informa_result {
  background-color:white;
  border-bottom:1px solid #ccc; 
  line-height:normal;
  width: 100%;
  padding: 0px;
}


.informa_result_hover {
  background-color:#ffc;
  border-bottom:1px solid #ccc; 
  line-height:normal;
  width:100%;
}

.informa_result_footer {
  border-bottom: 1px solid silver;
}

.informa_extra_info_xxx {
  border: 1px solid black;
  background-color: #B5D2E1;
}

.informa_extra_info {
  border:none;
  background-color:#ffffff;
  font-size:10px;
  padding:8px;
}

.informa_name {
  font-weight: bold;
}

.informa_phone {
  font-weight: bold;
}

.informa_about_info {
  display:none;
}

.informa_product_info {
  display:none;
}

/* Guest Home */
#home {clear:both}
#home .rightCol {display:inline; float:left; margin:0px; padding:0px;	width:240px;}
#home .leftCol {display:inline;	float:left;	margin:0px;	padding:0px; width:698px; font-size: 10px; margin-bottom: 3em;}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
}
a.tt span{ display: none; text-decoration: none}

/*background:; ie hack, something must be changed in a for ie to execute it*/
span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 0px;
	width:200px;
	color: #000000;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	z-index:25;
}
span.tooltip span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/images/bubble.gif) no-repeat top;
}
span.tooltip span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
    text-decoration:none;
	background: url(/images/bubble_filler.gif) repeat bottom; 
}
span.tooltip span.bottom{
	display: block;
	padding:3px 8px 10px;
    background: url(/images/bubble.gif) no-repeat bottom;
}


.dexitem {
  border: 1px solid black;
  background-color: lightgreen;
}

.dextitle {
  font-weight:bold;
  font-size: 14pt;
}


.dexitem_pienhanced {
  background-color: orange;
}

.dextagline {
  font-weight:normal;
  font-style: italic;
}

.dexdescription {
  font-size: 10pt;
}

.dexlogo {
  width: 175px;;
}

.dexlogo.img.block {
  border: none;
}

.dexcontactlinks {
  position:relative;
}

.dexphonelink {
  padding-right: 10px;
  border-right: 1px solid black;
  float:left;
}

.dexaddresslink, .dexdirectionslink, .dexwebsite {
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid black;
  float:left;
}

.dexprofile {
  padding-left: 10px;
  float:left;
}

#toolbar {
  position: relative;
  width: 1035px;
  line-height:27px;
}

.toolbar_leader {
  float:left;
  font-family:arial;
  font-weight:bold;
  font-size:9pt;
  line-height:27px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: url('/images/toolbar.png');
}

.toolbar_trailer {
  background-image: url('/images/toolbar.png');
  float: clear;
}

.toolbar_button {
  position:relative;
  float:left;
  font-family:arial;
  font-weight:bold;
  font-size:9pt;
  line-height:27px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: url('/images/toolbar.png');
}

.toolbar_separator {
  position:relative;
  float:left;
  line-height:27px;
  padding-left: 3px;
  padding-right: 3px;
  background-image: url('/images/toolbar.png');
}

.toolbar_button_icon {
  float:left;
  vertical-align:middle;
  border:0px;
}

.toolbar_button_label {
  float:left;
  padding-left: 5px;
  padding-right: 5px;
}


.toolbar_leader_label {
  float:left;
  padding-left: 0px;
  padding-right: 5px;
}

#ant_pr_box {
  width:485px;
  height:68px;
  margin:auto;
}

.atn_pr_promo {
  position: relative;
  background-color: #B93A3C;
  color: white;
  font-family:arial;
  font-weight:bold;
  padding:10px;
  width:480px;
  height:50px;
}


#town_welcomes .welcomes_inner {
  padding:10px;
}

#town_welcomes .welcome_links ul {
  font-weight:bold;
  list-style-type:none;
}

#town_welcomes .welcome_links li {
  list-style:none;
}

.welcome_footer {
  width:248px;
  padding:0px;
}

.welcome_reach {
  padding:10px;
  font-size: 10pt;
  font-weight:bold;
  color:white;
  background-color: #B93A3C;
  width: 228px;
  text-align:right;
}

.welcome_reach a:link {
  color:white;
}

.welcome_reach a:visited {
  color:#f0f0f0;
}

.welcome_reach a:hover {
  color:white;
}

.welcome_reach a:active {
  color:yellow;
}

#featured_business .resultitem {
  background-color: yellow;
}

/* Events List */
.events_list {padding:5px}
.events_list h2 {background-color:#FFFFFF; color:#000000; font-size:18px; padding:5px 0px 0px; margin:0px}
.events_list h3 {background-color:#EEEEEE; color:#173654; border:1px solid #AAAAAA; padding:0px; margin:2px 0px; line-height:24px;}
.events_list h3 span {background-color:#222288; color:white; font-size:18px; width:28px; height:21px; text-align:center; vertical-align:top; margin:1px 10px 1px 1px; display:inline-block; padding-bottom:3px}
.events_list h4 {color:#000000; font-size:14px; font-weight:bold; border-bottom:1px solid #CCCCCC}
.events_list div.browse_list {padding:5px; border-top:1px solid #CCCCCC;}
#events_calendar_img {float:left; margin:-10px 2px 0px -1px; display:inline; position:relative}
#events_calendar_img .calendar_date {position:absolute; font-size:36px; font-weight:bold; text-align:center; top:10px; left:0px; width:75px; line-height:40px}
#events_calendar_img .calendar_month {position:absolute; font-size:10px; font-weight:bold; text-align:center; text-transform:uppercase; top:51px; left:0px; width:75px; color:#FFFFFF}
#events_featured {text-align:center; background-color:#57A6E3;color:white;font-size:18px;font-weight:bold; padding:3px; margin:0px -5px}
.events_insert, events_links {clear:both}
.events_insert table {margin:0px}
.events_insert td {padding:1px 0px}
a.red_bullet {background:url(/templates/amtowns3/images/icon_see_all_link.gif) no-repeat left center; padding-left:13px}
a.blue_bullet {background:url(/templates/amtowns3/images/icon_button_blue.gif) no-repeat left center; padding-left:13px}
.event_item {clear:both; margin:0px; padding:3px 0px; position:relative; border-top:1px solid #EEEEEE;}
.event_item table {margin:0px}
.event_item th {font-size:11px; padding:1px 5px 0px 0px; width:50px; color:#000000; text-align:right; vertical-align:top; font-weight:normal}
.event_item td {font-size:100%; padding:0px; vertical-align:top}
.event_item img {margin:4px 0px 2px 4px; display:inline}
.event_item.first {border:0px}
.event_item .right {float:right; display:inline}
.event_item .more_info a {text-decoration:underline}
.event_tm a {font-size:11px; color:#888888}
.event_popup {color:#000000; background-color:#FFFFFF; border:1px solid #CCCCCC; padding:10px; width:400px; position:absolute; top:0px; left:235px; z-index:100;
	box-shadow:3px 3px 5px #886666; -moz-box-shadow:3px 3px 5px #886666; -webkit-box-shadow:3px 3px 5px #886666; filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=3,color=#886666) }
.event_hilite {background-color:#EEEEEE}